page{
  background-color:#F6F7F9;
}
.head{
  width:100%;
  height:160rpx;
  position: relative;
  .bg{
    position: absolute;
    left: 0;
    top: -157rpx;
    width:750rpx;
    height:317rpx;
  }
  .user{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 160rpx;
    display: flex;
    .avatar{
      margin-left:86rpx;
      width:111rpx;
      height:111rpx;
      border-radius: 50%;
      border:4rxp solid #fff;
    }
    .userinfo{
      font-family: Microsoft YaHei;
      margin-left:20rpx;
      color: #FFFFFF;
      opacity: 1;
      .name{
        padding:8rpx 0;
        font-size: 36rpx;
        font-weight: bold;
        line-height: 47rpx;
      }
      .integral{
        font-size: 28rpx;
        font-weight: 400;
        line-height: 37rpx;
      }
    }

  }
}
.modes{
  padding:60rpx 0 55rpx 0;
  display: flex;
  justify-content: space-around;
  background-color: #fff;
  .mode{
    ._icon{
      width:106rpx;
      height:106rpx;
    }
    .name{
      padding-top:23rpx;
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: bold;
      line-height: 42rpx;
      color: #333333;
      opacity: 1;
    }
  }
}
.menulist{
  width:100%;
  margin:21rpx auto;
  margin-bottom:120rpx;
  .menu{
    width:100%;
    padding-left:65rpx;
    box-sizing: border-box;
    background-color: #fff;
    .inner{
      width: 608rpx;
      height:108rpx;
      line-height: 108rpx;
      border-bottom: 1rpx solid #F1F1F1;
      display: flex;
      align-items: center;
      justify-content: flex-start;

    }
    ._icon{
      width:44rpx;
      height:44rpx; 
    }

    .name{
      width:532rpx;
      padding-left:15rpx;
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #333333;
      opacity: 1;
    }
  }
  

}
